<div class="row-fluid" style="opacity: 0.1;">
    <div class="metrics-block-gender white-block">
        <h5>GENDER DISTRIBUTION</h5>
        <div id="gender_distribution" class="mozaic-widget widget-gender_distribution" data-widget="gender_distribution" >
            <div class="distribution_container">
                <div class="gender-container gender-container-left">
                    <div id="male" class="gender mozaic-widget metrics-img-link widget-item_count" data-widget="item_count" >
                        <div>
                            <i class="icon-male-metrics"></i>
                            <div>
                                <span class="text">males</span>
                                <span class="number">61%</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="gender-container">
                    <div id="female" class="gender mozaic-widget metrics-img-link widget-item_count" data-widget="item_count" >
                        <div>
                            <i class="icon-female-metrics"></i>
                            <div>
                                <span class="text">females</span>
                                <span class="number">39%</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <?php include "TopLanguageHTML.php" ?>
</div>